import React from 'react'
import './personal.less'
import { NavBar} from 'react-vant';
export default function Personal(props) {
    return (
        <div className='Personal'>
            <header>
                <NavBar
                    title="个人信息"
                    leftArrow
                    onClickLeft={() => {
                        props.history.go(-1)
                    }}
                />
            </header>
            <main>
                <div className='kk'>
                    <div className='titleName'>
                        头像
                    </div>
                    <div className='kRight'>
                        <img src="https://pic3.zhimg.com/80/v2-437f4dc41f0f972f31921a228641cf9e_720w.jpg?source=1940ef5c" alt='' />
                        <span>
                            <svg className="icon" aria-hidden="true">
                                <use xlinkHref="#icon-arrow-right"></use>
                            </svg>
                        </span>
                    </div>
                </div>
                <div className='ks'>
                    <div className='titleName'>
                        名字
                    </div>
                    <div className='kRight'>
                        <span>福霖😘</span>
                        <span>
                            <svg className="icon" aria-hidden="true">
                                <use xlinkHref="#icon-arrow-right"></use>
                            </svg>
                        </span>
                    </div>
                </div>
                <div className='ks'>
                    <div className='titleName'>
                        拍一拍
                    </div>
                    <div className='kRight'>
                        <span>
                            <svg className="icon" aria-hidden="true">
                                <use xlinkHref="#icon-arrow-right"></use>
                            </svg>
                        </span>
                    </div>
                </div>
                <div className='ks'>
                    <div className='titleName'>
                        微信号
                    </div>
                    <div className='kRight'>
                        <span>1269030073</span>
                        <span>
                            <svg className="icon" aria-hidden="true">
                                <use xlinkHref="#icon-arrow-right"></use>
                            </svg>
                        </span>
                    </div>
                </div>
                <div className='ks'>
                    <div className='titleName'>
                        二维码名片
                    </div>
                    <div className='kRight'>
                        <span>
                            <svg className="icon" aria-hidden="true">
                                <use xlinkHref="#icon-erweima"></use>
                            </svg>
                        </span>
                        <span>
                            <svg className="icon" aria-hidden="true">
                                <use xlinkHref="#icon-arrow-right"></use>
                            </svg>
                        </span>
                    </div>
                </div>
                <div className='ks'>
                    <div className='titleName'>
                        更多信息
                    </div>
                    <div className='kRight'>
                        <span>
                            <svg className="icon" aria-hidden="true">
                                <use xlinkHref="#icon-arrow-right"></use>
                            </svg>
                        </span>
                    </div>
                </div>
                <div className='ks address'>
                    <div className='titleName'>
                        我的地址
                    </div>
                    <div className='kRight'>
                        <span>
                            <svg className="icon" aria-hidden="true">
                                <use xlinkHref="#icon-arrow-right"></use>
                            </svg>
                        </span>
                    </div>
                </div>
            </main>
        </div>
    )
}
